﻿body {}
.main_venda
{
    width: 773px;
    margin-left:108px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 19px;
	padding-left: 19px;
}

#etapa_resumo
{
    height:30px;
    border:1px solid #9ACD32;
    background-color: #ECF4CB;
    font-weight:bold;
    width: 773px;
    
}
#reserva 
{
    margin-top:30px;
    border:1px solid #9ACD32;
    height:200px;
    display:table;
}
#seus_dados
{
    margin-top :10px;
    margin-bottom :10px;
    border:1px solid #9ACD32;
    height:350px;
    display:table;
    width:100%;
}

#etapa_resumo div
{
    float:left;
    height:30px;
    text-align:center;
    width: 255px;
}

#etapa_resumo div p
{
    position:relative;
    top:-5px;
}

#etapa_resumo .etapa_atual
{
    color: #ffa500;
    background-color: #FFEECE;
}
#etapa_resumo .etapa_1
{
    border-right:1px solid #9ACD32;         
}
#etapa_resumo .etapa_2
{
    border-right:1px solid #9ACD32;         
}

#etapa_resumo .etapa_3
{
   
}
.titulo span
{
    position:relative;
    top:4px;
}
.titulo_hotel
{
    font-size:14px;
    font-weight:bold;
}
#reserva .titulo
{
    background-color: #9ACD32;
    color:#ffffff;
    text-align:left;
    font-weight:bold;
    height:25px;
    padding-left:10px;
}

#seus_dados .titulo
{
     background-color: #9ACD32;
    color:#ffffff;
    text-align:left;
    font-weight:bold;
    height:25px;
    padding-left:10px;
   
}
#reserva .dados_reserva
{
    float:left;
    width:70%;
    margin-top:15px;
}
#reserva .dados_reserva div
{
    margin-left:5px;
}
#reserva .dados_valores
{
    width:27%;
    float:left;
    margin-top:15px;
    padding-right:15px;
    border:1px dotted #9ACD32;
}
#foto_hotel 
{
    float:left;
    width:100px;
    margin-left:20px;
    margin-right:20px;
}
#detalhes_reserva
{
   float:left;
   width:400px;
}
#alerta_reserva
{  
   position:relative;
   text-align:center;
}
#alerta_reserva p span
{
    position:relative;
    top:-10px;
}
#alerta_reserva p img
{
    position:relative;
    top:0px;
}
#seus_dados .line_button
{
    height:40px;
    text-align:right;
    padding-right:10px;
    display:block;
}
#seus_dados .line_button input[type=submit]
{
    font-weight:bold;
}
#seus_dados .login
{
    height:30px;
    text-align:right;
    padding-right:10px;
}
.input_login
{
     height:160px;
     width:98%;
     margin-left:7px;
     
     border:1px solid #9ACD32;
}
#login_site
{
     height:65px;
     float:left;
     display: table;
     width: 400px;
     margin-left: 50px;
}
#btn_entrar
{
    margin-top:5px;
    margin-left :153px;
}
#login_apps
{
    float:left;
    margin-top:4px;
}
#login_apps img
{
    margin-left:10px;
    margin-bottom:5px;
}


#seus_dados .login a
{
    font-weight:bold;
}
#seus_dados div.formline
{
    margin-top:10px;
}
#seus_dados div.line_apto
{
    border-left: 2px solid #FFCC00;
    
    display:inline-block;
    margin-bottom:5px;
    margin-left:10px;
}
#seus_dados .bg_itens
{
    background-color:#edf5cc;
}

#seus_dados div.line_apto .desc_apto
{
    margin-left:5px;
}
#seus_dados div.formfield
{
    display:inline-block;
    margin-left:10px;
}
#seus_dados div.formfield label
{
    color:#df7a22;
   
    font-weight:bold;
}
#seus_dados div.formfield input[type=text]
{
   color:Gray;
   font-size:13px;
}

#container_itens div.formfield
{
    display:inline-block;
    margin-left:10px;
}

#container_itens div.formfield label
{
    color:#0000FF; 
    font-weight:bold;
}
#container_itens table
{
  margin-left:3px;
  clear:both;
}
#cartoes_pagamento
{
    width:100%;
    border-bottom: 1px solid #9ACD32;
    height:60px;
}

#cartoes_pagamento .cartao_flag
{
    margin-right:50px;
    float:left;
}

#cartoes_pagamento div:first-child
{
     margin-left:220px;
}

#cartoes_pagamento .cartao_flag input[type=radio]
{
    position:relative;
    top:-20px;
}

.input_cartao 
{
   width:60px;
}
.formline table tr td label 
{
    color:#DF7A22; 
    font-weight:bold;
    margin-left:10px;
}
#reserva_final 
{
    margin-top:30px;
    border:1px solid #9ACD32;
    height:auto;
    display:table;
    width:100%;
}
#reserva_final .titulo
{
    background-color: #9ACD32;
    color:#ffffff;
    text-align:left;
    font-weight:bold;
    height:25px;
    padding-left:10px;
}
#reserva_final .dados_reserva
{
    float:left;
    margin-left:20px;
    margin-bottom:30px;
    width:100%;
}
#reserva_final .dados_reserva div
{
    margin-left:5px;
}
#content_reserva
{
    float:left;
    display:table;
    width:100%;
}

#content_reserva h2
{
   margin-left:20px;
   color:#df7a22;
   background:#fff;
}

#content_reserva #imprimir_reserva{background:#fdfdfd;text-align:center;border:1px solid #f0f0f0;float:right;width:80px;margin-right:25px;padding:2px 5px}
#content_reserva #imprimir_reserva:hover{background:#fafafa}
#content_reserva #imprimir_reserva img{display:block;margin:0 auto}
#content_reserva #imprimir_reserva a{text-decoration:none;font-weight:bold;color:#df7a22}

#left_bar_user
{
    float:left;
}

#content_user
{
    float:left;
}
#dados_reserva_1
{
   width:100%;
   height:300px;
   display:table;   
}
#dados_reserva_1 .coluna1
{
    height:180px;
    float:left;
    width:539px; 
    border-right:2px solid #ffffff;
    display:table;   
}

#dados_reserva_1 .coluna3
{
    float:left;
    display:table; 
    width:230px;
}

#dados_reserva_1 .header
{
   color: #df7a22;
   background-color: #D0E89F;
   height:15px;
   font-size:14px;
   display:table;  
   width:100%;
}
#dados_reserva_1 .header p
{
  margin-left: 20px;   
  
}
#dados_reserva_1 .row
{
    background-color: #ECF4CB;
}
#dados_reserva_1 .row .div_table
{
    width:100%;
    display:table;
}
#dados_reserva_1 .row .div_table div
{
    margin-top:5px;
    float: left;
    height:15px;
    padding-left:10px;
    display:inherit;
}
#dados_reserva_1 .row .div_table div 
{
    text-align:right;
    
}
#titulo_login
{
   background-color: #9ACD32;
   height:50px;
}
#titulo_login p
{
  padding-top:10px;
  margin-left: 20px;   
  font-size:14px;
}
input[type=submit]:hover {
    background: #FAD586;
    border: 2px solid #FAD586;
}
input[type=submit] {
    border: 2px solid #DF7A22;
    background: #DF7A22;
    color: white;
    cursor: pointer;
    padding: 4px 14px;
    font-size: 16px;
}
input[type=button]:hover {
    background: #FAD586;
    border: 2px solid #FAD586;
}
input[type=button] {
    border: 2px solid #DF7A22;
    background: #DF7A22;
    color: white;
    cursor: pointer;
    padding: 4px 14px;
    font-size: 16px;
}
#dados_reserva_1{background:#fff;}
#titulo_login {border:1px;display:inline}
#titulo_login #btnCadSenha{text-decoration:underline; cursor:pointer;}
#titulo_login #divCadastrarSenha{background:#fff;border:5px solid #D0E89F;margin:0px 5px 5px 5px;display:none}
#titulo_login #divCadastrarSenha {}

#divCadastrarSenha .editor-label {margin:0px 10px;font-size: 14px;color:#555;font-weight:bold;}
#divCadastrarSenha .editor-field {margin:0px 10px;font-size: 20px;color:#999;}

#divCadastrarSenha h2{margin:10px}
#divCadastrarSenha #divError {color:#fff;display:none;text-align:left;background: #ff3333;padding: 4px 0px 4px 4px;width:260px;margin:5px 0px 5px 10px;color:#fff;font-size:12px;font-weight:bold;}
#divCadastrarSenha .validation-summary-errors{display:none}
#divCadastrarSenha #divSucess{display:none;color:#fff;text-align:left;padding: 4px 0px 4px 0px;margin:0px 0px 10px 10px;font-size:12px;}
#divCadastrarSenha #divSucess #msgSucesso{color:green;text-align:left;padding: 4px 0px 8px 0px;font-size:14px;display:block}
#divCadastrarSenha a{text-align:center;text-decoration:none; border: 2px solid #DF7A22;background: #DF7A22;color:#fff;padding: 2px 5px;margin-right:20px;font-size: 14px;}
#divCadastrarSenha a:hover{background: #fad586;border: 2px solid #fad586}
#divCadastrarSenha a:focus{border: 2px solid #DF7A22;}
#divCadastrarSenha a:active{background: #DF7A22;border: 2px solid #fff;}
#divCadastrarSenha p{margin:0px 10px 10px}
#divCadastrarSenha p a{margin:0px 0px}

.editor-label{padding: 4px 0px;margin:0px 10px;color:#000;font-weight:bold}
.editor-field{padding: 0px 0px;margin:0px 10px;}
.editor-field input{padding: 5px;font-size: 20px;color: #999;border: 1px solid #ccc;width:250px}
.editor-field input:focus{color: #333;border:1px solid #999;}

.divTermoCondicoes{width:80%;text-align:center;border:1px dotted #9ACD32;font-size:12px;color:#777;background:#;margin:10px auto 0px;padding:10px}
.divTermoCondicoes #msgTermos{color:red;display:none;}
.divTermoCondicoes span{font-weight:bold;}
.divTermoCondicoes input{vertical-align:middle}
.divTermoCondicoes a {color:#DF7A22;text-decoration:none}
.divTermoCondicoes a:hover {color:#DF7A22;text-decoration:underline}

#textoTermo{background:#fff;display:none}
#textoCondicoes{background:#fff;display:none}
#textoPolitica{background:#fff;display:none}

#div_creditosCanceladas { padding-left:30px; border-bottom: 1px solid #9ACD32;}
#div_creditosCanceladas label {font-weight:bold;}
#div_creditosCanceladas div {float:left;}
#div_creditosCanceladas .dadosCancelamento span {position:relative;top:5px;margin-left:10px;font-size:13px;}

#divLinks{padding:10px;text-align:center;}
#divLinks h3{background:#ddd;padding:5px;margin:0px 10px}
#divLinks div{margin:10px ;padding:10px 0px;width:47%;float:left}

#divLinks a{margin:25px auto;display:block;width:200px;font-weight:bold;text-decoration:none; border: 2px solid #DF7A22;background: #DF7A22;color: #fff;padding: 4px 0px;font-size: 16px;}
#divLinks a:hover{background: #fad586;border: 2px solid #fad586}
#divLinks a:focus{border: 2px solid #DF7A22;}
#divLinks a:active{background: #DF7A22;border: 2px solid #fff;}

#divCondicoesHotel{border:1px solid #f0f0f0;background:#fff;padding:0px 10px;width:550px;padding-bottom:10px;display:none}
#divCondicoesHotel h1{margin-bottom:15px}
#divCondicoesHotel h2{color:#fff;clear:both;text-align:center;background:#9ACD32;}
.condicaoTitulo{margin:10px;font-size:16px;font-weight:bold;color:#DF7A22;text-align:center}
.condicaoConteudo{font-size:16px;margin:10px;text-align:center;padding-bottom:20px}

#politica:hover{color:#DF7A22}

#lnkCondicoesReserva{color:#c00;text-decoration:none;font-weight:bold;font-size:14px;position:absolute;top:-10px;right:7px}
#lnkCondicoesReserva:hover{color:#f00;text-decoration:underline}

#dados_reserva_1 h3{background:#000;color:#fff; padding:10px}
#dv-rs-gr a{color:#DF7A22;font-weight:bold;text-decoration:none;margin:0px 10px}
#dv-rs-gr a:hover{text-decoration:underline}

@media print
{
    body * {visibility:hidden;}
    #areaImpressao, #areaImpressao * {visibility:visible;}
    #areaImpressao{position:absolute;left:100px;top:20px}
     
    #areaImpressao #dv-rs-gr, #areaImpressao #dv-rs-gr *{visibility:hidden} /*div gerir reserva com nome estranho o-o */
    #areaImpressao #imprimir_reserva, #areaImpressao #imprimir_reserva *{visibility:hidden}
    #areaImpressao #titulo_login, #areaImpressao #titulo_login *{visibility:hidden}
    
    #footer-lm, #footer-lm * {visibility:visible;color:#555}
    #footer-lm {position:absolute;left:50px;top:830px}
}


